<template>
  <div class="story-header d-flex ai-center">
    <div class="d-flex ai-center">
      <img src="../common/images/logo.png" class="header-logo" alt="" />
       <span class="fs-24 text-primary" >epee-ui</span>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "StoryHeader",
  setup() {
    return {};
  },
});
</script>

<style lang="scss" scoped>
@import "../common/style/_var.scss";
.story-header {
  width: 100%;
  background-color: #001938;
  user-select: none;
  height: $header-height;
  .header-logo {
    margin-left: 30px;
    width: 30px;
    margin-right: 10px;
  }
}
</style>